<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="validausuario.jsp"%>
<%@ page import="mobility.*" %>
<%@ page import="java.sql.*" %>
<%
	String perfil = (String)session.getAttribute("perfil");
	if (!perfil.equals("Admin")) {
		response.sendRedirect("accesodenegado.jsp");
		return;
	}
%>

<%
	db conexion = new db();
	departamento dpto = new departamento(conexion);
	ResultSet rs = dpto.list();
	boolean rsIsEmpty = !rs.next();
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Tablero de Cierres</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
<script src="js/jquery-1.3.2.js" language="JavaScript"></script>
<link rel="Shortcut Icon" href="icono_tm.ico" type="image/x-icon" />
<script type="text/javascript" src="js/epoch_classes.js"></script>
<link rel="stylesheet" type="text/css" href="js/epoch_styles.css" />
<script type="text/javascript" language="javascript">

var calendario; // declare the calendars as global variables
window.onload = function () {
  /*initialize any calendars on the page - in this case 3.*/
  calendario  = new Epoch('calendario','popup',document.getElementById('fecha'));
}; 

</script>
<script type="text/javascript">
	function consultar() {
		var url = "SrvTablero?ciudad=" + $("#localidad").val() + "&fecha=" + $("#fecha").val() ;
		$("#list").load(url);
	}
	
	
	
	function cargar_localidad(combo) {
		var url = "srvLocalidad?operacion=combo&departamento=" + combo.value;
		$("#municipio").load(url);
	}
	function VerOrdenesRecurso(recurso,fecha,ciudad) {
		url = "OrdenesEjecutadasRecurso.jsp?recurso=" + recurso + "&fecha=" + fecha + "&ciudad=" + ciudad;
		window.open(url , "OrdenesEjecutadasRecurso" , "width=600,height=500,scrollbars=YES,menubar=No,toolbar=NO,status=YES"); 
	}
</script>
</head>
<body>
<%@ include file="header.jsp" %>
<h2>Tablero de Cierres</h2>
<div id="info"></div>
<form action="" name="form1">
	<table>
		<tr>
			<th colspan="6">Seleccion departamento</th>
		</tr>
		<tr>
			<td>Departamento</td>
			<td>
				<select id="departamento" onchange="javascript:cargar_localidad(this);">
					<option value="">Seleccionar departamento</option>
					<%  if (!rsIsEmpty) { %>
					<% do { %>
					<option value="<%= rs.getString("depacodi") %>"><%= rs.getString("depadesc") %></option>
					<% }while(rs.next()); %>
					<% } %>
				</select>
			</td>
			<td>Municipio</td>
			<td><div id="municipio">
				<select id="localidad">
					<option value="">Seleccionar</option>
				</select>
			</div></td>
			<td>Fecha</td>
			<td><input type="text" name="fecha" id="fecha" readonly value="<%= Utilidades.strDateServer()  %>"> <input type="button" value="..." onclick="calendario.toggle();" /></td>
		</tr>
		<tr>
			<td colspan="6"><input type="button" name="cmd_buscar" value="Consultar" onclick="javascript:consultar()" > </td>
		</tr>
	</table>
	
</form>
<div id="list"></div>
<%@ include file="foot.jsp" %>
</body>
</html>
<%
	if (conexion != null) {
		conexion.Close();
	}
%>